<template>
  <div>
    <div>home</div>
    <div class="red">{{ aboutStore.count }}</div>
    <div class="blue">{{ aboutStore.doubleCount }}</div>
  </div>
</template>
<script setup lang="ts" name="Home">
import { useAboutStore } from '@/store/about'

const aboutStore = useAboutStore()
</script>

<style lang="scss" scoped>
.red {
  color: $red;
}

.blue {
  color: #fff;
  background-color: $blue;

  @include wh(100, 100);
}
</style>
